<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>Resume - JobGrids Job Portal HTML Template.</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Web Font -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap"
        rel="stylesheet">

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.2.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />
  <!--设置元素隐藏，点击radio注册元素显现-->
  <style>
    .hidden{
        display:none;
    }
  </style>
</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <div id="loading-area"></div>

    <!-- Start Header Area -->
    <header class="header ">
      <div class="navbar-area">
        <div class="container">

          <div class="row align-items-center">

            <div class="col-lg-12">
              <nav class="navbar navbar-expand-lg">
                <a class="navbar-brand logo" href="index.html">
                  <img class="logo1" src="assets/images/logo/logo.svg" alt="Logo" />
                </a>
                <button class="navbar-toggler" type="button" data-toggle="collapse"
                        data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                        aria-expanded="false" aria-label="Toggle navigation">
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                  <span class="toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                  <ul id="nav" class="navbar-nav ml-auto">
                    <li class="nav-item">
                      <a  href="index.html">主页</a>

                    </li>



                    <li class="nav-item">
                      <a  href="browse-jobs.html">职位搜索</a>
                    </li>



                    <li class="nav-item hidden" id="hrmanagejobbarliid"><a href="#" class="active">职位管理 </a>
                      <ul class="sub-menu">
                        <li><a href="post-job.html">发布职位</a></li>
                        <li><a href="manage-jobs.html">职位查看与编辑</a></li>
                        <li><a  href="have-manage-resumes.html">已处理申请</a></li>
                        <li><a  href="manage-resumes.html">待处理申请</a></li>

                      </ul>
                    </li>

                    <!-- <li class="nav-item"><a href="#">招聘 </a>
                      <ul class="sub-menu">
                        <li><a href="post-job.html">发布职位</a></li>
                        <li><a href="manage-jobs.html">管理岗位信息</a></li>
                        <li><a href="manage-applications.html">？管理岗位申请</a></li>
                        <li><a href="manage-resumes.html">管理求职申请</a></li>
                        <li><a href="browse-resumes.html">浏览简历</a></li>

                      </ul>
                    </li> -->



                    <li class="nav-item">
                      <a   href="blog-grid-sidebar.html">论坛</a></li>
                    <!-- <li><a href="blog-single.html">论坛详情</a></li> -->
                    <!-- <li><a href="blog-single-sidebar.html">Blog Single Sibebar</a></li> -->
                    </li>

                    <li class="nav-item"><a href="contact.html">联系我们 </a> </li>


                    <li class="nav-item"><a href="#">其他</a>
                      <ul class="sub-menu">
                        <!-- <li><a href="index.html" onclick="logout()">Log Out</a></li> -->
                        <li><a onclick="checkloginuser()">Personal Info</a></li>
                        <li><a href="about-us.html" onclick="addtoken()">about-us</a></li>
                        <li><a href="job-list.html">职位列表</a></li>
                        <li><a href="job-details.html">职位详情</a></li>
                        <li><a href="resume.html">个人信息展示</a></li>
                        <li><a href="privacy-policy.html">用户手册</a></li>
                        <li><a href="faq.html">问题</a></li>
                        <!-- <li><a href="pricing.html">Our Pricing</a></li> -->
                        <li><a href="404.html">404错误</a></li>
                        <li><a href="mail-success.html">成功发出消息</a></li>
                        <li><a href="index-seeker.html">s</a></li>
                        <li><a href="index-hr.html">h</a></li>
                      </ul>
                    </li>



                    <li class="nav-item" id="nouserinforcenterbarid"><a href="#">个人中心</a>

                    </li>
                    <li class="nav-item hidden" id="seekerinforcenterbarliid"><a href="#" class="active">个人中心</a>
                      <ul class="sub-menu">
                        <li><a class="active" href="resume.html">简历查看</a></li>
                        <li><a href="showseekerinfo.html">个人信息编辑</a></li>
                        <li><a href="add-resume.html">简历编辑</a></li>
                        <li><a href="manage-applications.html">申请进度</a></li>
                        <li><a href="job-alerts.html">消息提醒</a></li>
                        <li><a href="manage-blog.html">管理博客</a></li>
                      </ul>
                    </li>
                    <li class="nav-item hidden " id="hrinforcenterbarliid"><a href="#">个人中心</a>
                      <ul class="sub-menu">
                        <li><a href="showhrinfo.html">信息编辑</a></li>

                        <li><a href="job-alerts.html">消息提醒</a></li>
                        <li><a href="manage-blog.html">管理博客</a></li>
                      </ul>
                    </li>
                    <li class="nav-item login hidden" id="shownamebarliid">

                      <a href="showhrinfo.html" id="shownameid" >
                      </a>
                      <ul class="sub-menu">
                        <li><a href="index.html" onclick="logout()">退出登录</a></li>
                      </ul>
                    </li>
                  </ul>
                </div>
                <!-- navbar collapse -->
                <div class="button" id="loginsignupbarid">
                  <a href="javacript:" data-toggle="modal" data-target="#login" class="login"><i
                    class="lni lni-lock-alt"></i>登录</a>
                  <a href="javacript:" data-toggle="modal" data-target="#signup" class="btn">注册</a>

                </div>
              </nav>
              <!-- navbar -->
            </div>
          </div>
          <!-- row -->
        </div>
        <!-- container -->
      </div>
      <!-- navbar area -->
    </header>
    <!-- End Header Area -->



    <!-- Main Content Start -->
    <div class="resume section">
        <div class="container">
            <div class="resume-inner">
                <div class="row">
                    <!-- Start Main Content -->
                   <!-- <div class="col-lg-4 col-12">
                        <div class="dashbord-sidebar">
                            <ul>
                                <li class="heading">Manage Account</li>
                                <li><a class="active" href="resume.html"><i class="lni lni-clipboard"></i> My Resume</a>
                                </li>
                                <li><a href="bookmarked.html"><i class="lni lni-bookmark"></i> Bookmarked Jobs</a></li>
                                <li><a href="notifications.html"><i class="lni lni-alarm"></i> Notifications <span
                                            class="notifi">5</span></a></li>
                                <li><a href="manage-applications.html"><i class="lni lni-envelope"></i> Manage
                                        Applications</a></li>
                                <li><a href="manage-resumes.html"><i class="lni lni-files"></i> Manage Resumes</a></li>
                                <li><a href="job-alerts.html"><i class="lni lni-briefcase"></i> Job Alerts</a></li>
                                <li><a href="change-password.html"><i class="lni lni-lock"></i> Change Password</a></li>
                                <li><a href="index.html"><i class="lni lni-upload"></i> Sign Out</a></li>
                            </ul>
                        </div>
                    </div>-->
                    <!-- End Main Content -->
                    <div class="col-lg-8 offset-lg-2 col-12 ">
                        <div class="inner-content" id="resumetemplateid">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Main Content end -->


                        <!-- Start Footer Area -->
<footer class="footer">
        <div class="footer-bottom">
            <div class="container">
                <div class="inner">
                    <div class="row">
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="left">
                                <p><a target="_blank" >软件工程大作业</a></p>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-6 col-12">
                            <div class="right">
                                <ul>
                                    <li><a href="privacy-policy.html">用户手册</a></li>
                                    <li><a href="#">项目文档</a></li>
                                    <li><a href="https://gitee.com/Yuan-Wi/software-engineering-team/tree/master/">gitee</a></li>
                                    <li><a href="contact.html">联系我们</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- End Footer Middle -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top btn-hover">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
    <!--模板引擎用于blog的模板显示-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.7/handlebars.min.js"></script>

    <script type="text/javascript">
      var  resume;//保存开始传来的seeker
      //像后端传本地浏览器保存的token（当前登录用户），如果没有登录就提醒，如果登录了就转到对应的index
    function checkloginuser(){
        //window.location.reload();
      //===========最初需要完成名字的显示和相关用户导航栏的隐藏

           /*   alert("新方法");*/
              $.ajax({
      url: "http://localhost:8080/mylogingetusername",
      type: "POST",
      data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
      success: function(result){
       // alert(result.code);
        if(result.code==200){
        alert(result.msg);
        //非登录用户的个人中心bar隐藏，用户名字显示
        document.getElementById("loginsignupbarid").classList.add("hidden");
        document.getElementById("loginsignupbarid").classList.remove("button");
        document.getElementById("nouserinforcenterbarid").classList.add("hidden");
        document.getElementById("shownamebarliid").classList.remove("hidden");

        if(result.data=="seekerlogin"){
        //当前登录用户是seeker
        //hr的bar隐藏，seeker的bar显示
        document.getElementById("hrmanagejobbarliid").classList.add("hidden");
        document.getElementById("hrinforcenterbarliid").classList.add("hidden");

        document.getElementById("seekerinforcenterbarliid").classList.remove("hidden");
        }
        else if(result.data=="hrlogin"){
        //当前登录用户是hr
        //seeker的bar隐藏，hr的bar显示
        document.getElementById("seekerinforcenterbarliid").classList.add("hidden");

        document.getElementById("hrmanagejobbarliid").classList.remove("hidden");
        document.getElementById("hrinforcenterbarliid").classList.remove("hidden");

        }

        document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";

        }
        else if(result.code==1){
        //没有用户登录，隐藏用户bar
        document.getElementById("loginsignupbarid").classList.add("button");
        document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
        document.getElementById("loginsignupbarid").classList.remove("hidden");

        document.getElementById("shownamebarliid").classList.add("hidden");
        document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
        document.getElementById("hrmanagejobbarliid").classList.add("hidden");
        document.getElementById("hrinforcenterbarliid").classList.add("hidden");

        }
        else {
        document.getElementById("nouserinforcenterbarid").classList.remove("hidden");
        document.getElementById("loginsignupbarid").classList.remove("hidden");
        document.getElementById("loginsignupbarid").classList.add("button");
        document.getElementById("shownamebarliid").classList.add("hidden");
        document.getElementById("seekerinforcenterbarliid").classList.add("hidden");
        document.getElementById("hrmanagejobbarliid").classList.add("hidden");
        document.getElementById("hrinforcenterbarliid").classList.add("hidden");
          alert(result.code+result.msg);
          }
      },
      error: function(){
      alert("请刷新重试");
      },
    });

    };
  //其他业务请求从本地浏览器中存的token获取加入请求头

  function logout(){
     window.localStorage.removeItem('user');
   location.href="http://localhost/static/html/index.html";
  };
  /*解析token*/
  function sparsetoken(){
  var token;
    $(function(){
    token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
    alert("user="+token);
    alert(window.location.href);
    //data.data.normal_login_token为发送Ajax获取到的token信息
  var strings = token.split(".");//通过split()方法将token转为字符串数组
  //取strings[1]数组中的第二个字符进行解析
  var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
  //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
  alert(userinfo.roleid+userinfo.loginrole+'userinfo');
  return userinfo.roleid;

    });

  };


    //===========最初需要完成下拉框的内容的加载
    $(document).ready(function(){
           /*   alert("新方法");*/
              $.get(
              /*去到url的控制器中处理*/
                "http://localhost:8080/companysignuplist",
                function(data){
                 /* alert(data[0].companyId);*/
                  for(var i = 0 ; i < data.length;i++){
                    /*创建新的一行*/
                    var newRow = "<option value="+data[i].companyId+">"+data[i].companyName+"</option>";
                    /*插入新的一行*/
                    $("#hrsignupcompanyclass select").append(newRow);
                  }
                  if(window.localStorage.getItem("user")){
                  checkloginuser();
                  }

                }
              );
          });
      function logout(){
      window.localStorage.removeItem('user');
      location.href="http://localhost/static/html/index.html";
      };
      /*解析token*/
      function sparsetoken(){
      var token;
      $(function(){
      token = window.localStorage.getItem("user");//这可以得到当前登录用户的token
      alert("user="+token);
      alert(window.location.href);
      //data.data.normal_login_token为发送Ajax获取到的token信息
      var strings = token.split(".");//通过split()方法将token转为字符串数组
      //取strings[1]数组中的第二个字符进行解析
      var userinfo = JSON.parse(decodeURIComponent(escape(window.atob(strings[1].replace(/-/g, "+").replace(/_/g, "/")))));
      //然后可以拿到解析后的数据，可以console.log()打印下，roleid是在表中的id，loginrole=hrlogin或seekerlogin
      alert(userinfo.roleid+userinfo.loginrole+'userinfo');

      });
      /*  $.ajax({
      url: "http://localhost:8080/myabout",
      type: "GET",
      xhrFields: {
      withCredentials: true
      },
      success: function(result){
      alert("成功");
      },
      error: function(){
      alert("失败");
      },
      });*/
      };

      //===========最初需要完成名字的显示
      $(document).ready(function(){


      /*   alert("新方法");*/
      $.ajax({
      url: "http://localhost:8080/mylogingetusername",
      type: "GET",
      data: {token : window.localStorage.getItem("user")?window.localStorage.getItem("user"):"notoken"},
      success: function(result){
      // alert(result.code);
      if(result.code==200){
      alert(result.msg);
      document.getElementById('shownameid').textContent = "欢迎"+result.msg+"登录";
      }
      else {
      alert(result.code+result.msg);
      }
      },
      error: function(){
      alert("请刷新重试");
      },
      });
      });
      //=================最初都是通过id=seekerid得来的，显示seekerid的基本信息
      $(document).ready(function(){
      //alert(new URLSearchParams(window.location.search).get('id'));

      /*   alert("新方法");*/
      $.ajax({
      url: "http://localhost:8080/resumedetail",
      type: "GET",
      dataType: "JSON",
      data: {id : new URLSearchParams(window.location.search).get('id'),token:window.localStorage.getItem("user")},
      success: function(data){

      resume = data;
      //result是seeker+pdf

      var resumeblock = document.getElementById('resumetemplateid');
      var resumetemplate = Handlebars.compile(document.getElementById('resume-template').innerHTML);
      resumeblock.innerHTML = resumetemplate(data);
      //alert(typeof resume.code);
      showupfile( resume.data.upfile);
      },
      error: function(){
      alert("请刷新重试");
      },
      });
      });


//==============base64转为blog
  // 将 base64 转换为 Blob,控制器得到的base64没有类型mime
function dataURLtoBlob(dataurl) {
    //alert(dataurl);
    var arr = dataurl.split(',');
    //alert(arr.length);
    //alert(arr[0]);arr[0].match(/:(.*?);/)[1]||
    var mime = "application/pdf";
    //alert("mine"+mime);
    var bstr = atob(arr[0]);
     var n = bstr.length;
      var u8arr = new Uint8Array(n);
    while (n--) {
        u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], { type: mime });
};

  //blog转为file
  function blobToFile(blob, fileName) {
  return new File([blob], fileName);
};
  //根据pdffile展示,参数是upfile类
  function showupfile(upfile){
  if(upfile){
  alert("存在简历");
  //存在简历
  let blob = dataURLtoBlob(upfile["file"]);
  let filesize = returnFileSize(upfile["fileSize"]);
  // 创建URL并下载文件
    let url = URL.createObjectURL(blob);
    let a = document.createElement("a");
    a.href = url;
    a.innerText = "点击在线预览或下载pdf简历"+upfile["fileName"];
    a.target="_blank";//点击后新建页面预览
    document.getElementById('file-url').appendChild(a);
    document.getElementById('feedback').innerHTML = "文件大小="+filesize;

    }
    else{
     alert("不存在简历");
    document.getElementById('file-url').innerHTML="";//清空a标签
    document.getElementById('feedback').innerHTML ="暂无pdf简历";
    }
  };
      //==========得到文件大小
  function returnFileSize(number) {
  if(number < 1024) {
    return number + 'bytes';
  } else if(number >= 1024 && number < 1048576) {
    return (number/1024).toFixed(2) + 'KB';
  } else if(number >= 1048576) {
    return (number/1048576).toFixed(2) + 'MB';
  }
};

    </script>
    <!--模板显示引擎resume-->
    <script id ="resume-template" type="text/x-handlebars-template">

      <!-- Start Personal Top Content -->
      <div class="personal-top-content">
        <div class="row">
          <div class="col-lg-5 col-md-5 col-12">
            <div class="name-head">
              <a class="mb-2" href="#"><img class="circle-54"
                                            src="assets/images/resume/candidate1.jpg" alt="" height="80" width="80"></a>
              <h4><a class="name" href="#" ></a>{{data.seeker.seekerName}}</h4>
              <p><a class="deg" href="#">{{data.seeker.seekerDob}} {{data.seeker.seekerGender}}</a></p>
              <!--<ul class="social">
                  <li><a href="#"><i class="lni lni-facebook-original"></i></a></li>
                  <li><a href="#"><i class="lni lni-twitter-original"></i></a></li>
                  <li><a href="#"><i class="lni lni-linkedin-original"></i></a></li>
                  <li><a href="#"><i class="lni lni-dribbble"></i></a></li>
                  <li><a href="#"><i class="lni lni-pinterest"></i></a></li>
              </ul>-->
            </div>
          </div>
          <div class="col-lg-7 col-md-7 col-12">
            <div class="content-right">
              <h5 class="title-main">联系方式</h5>
              <!-- Single List -->
              <div class="single-list">
                <h5 class="title">地址</h5>
                <p>{{data.seeker.seekerCity}}</p>
              </div>
              <!-- Single List -->
              <!-- Single List -->
              <div class="single-list d-flex align-items-center justify-content-md-between flex-wrap">
                <h5 class="title">E-mail</h5>
                <p>{{data.seeker.seekerEmail}}</p>
              </div>
              <!-- Single List -->
              <!-- Single List -->
              <div class="single-list">
                <h5 class="title">电话号码</h5>
                <p>+{{data.seeker.seekerTel}}</p>
              </div>
              <!-- Single List -->
              <!-- Single List -->
              <!-- <div class="single-list">
                   <h5 class="title">Website Linked</h5>
                   <p><a href="#">yourwebsite.com</a></p>
               </div>-->
              <!-- Single List -->
            </div>
          </div>
        </div>
      </div>
      <!-- End Personal Top Content -->
      <!-- Start Single Section -->
      <div class="single-section">
        <h4>优势</h4>
        <p class="font-size-4 mb-8">{{data.seeker.seekerAdv}}</p>
       <!-- <p class="font-size-4 mb-8">Programming Languages: C/C++, .NET C++, Python,
          Bash, Shell, PERL, Regular
          expressions, Python, Active-script.</p>-->
      </div>
      <!-- End Single Section -->
      <!-- Start Single Section -->
      <div class="single-section skill">
        <h4>教育经历与工作期望一览</h4>
        <ul class="list-unstyled d-flex align-items-center flex-wrap">
          <li>
            <a href="#">{{data.seeker.seekerExpind}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerExpjobtype}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerExppos}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerExpworkloc}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerExpsal}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerEdulvl}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerMaj}}</a>
          </li>
          <li>
            <a href="#">{{data.seeker.seekerSchname}}</a>
          </li>
        </ul>
      </div>
      <!-- End Single Section -->
      <!-- Start Single Section -->
      <div class="single-section exprerience">
        <h4>工作期望</h4>
        <!-- Single Exp -->
        <div class="single-exp mb-30">
          <div class="d-flex align-items-center pr-11 mb-9 flex-wrap flex-sm-nowrap">
            <div class="image">
              <img src="assets/images/universal-image/job-details.png" alt="#">
            </div>
            <div class="w-100 mt-n2">
              <h3 class="mb-0">
                <a href="#">期望从事行业</a>
              </h3>
              <a href="#">{{data.seeker.seekerExpind}}</a>
              <div class="d-flex align-items-center justify-content-md-between flex-wrap">
                <a href="#">工作类型: {{data.seeker.seekerExpjobtype}}</a>
                <a href="#" class="font-size-3 text-gray">
                                                    <span class="mr-2" style="margin-top: -2px"><i
                                                      class="lni lni-map-marker">期望职位:</i></span>{{data.seeker.seekerExppos}}</a>
              </div>
            </div>
          </div>
        </div>
        <!-- End Single Exp -->
        <!-- Single Exp -->
        <div class="single-exp mb-30">
          <div class="d-flex align-items-center pr-11 mb-9 flex-wrap flex-sm-nowrap">
            <div class="image">
              <img src="assets/images/universal-image/job-details.png" alt="#">
            </div>
            <div class="w-100 mt-n2">
              <h3 class="mb-0">
                <a href="#">期望工作地点</a>
              </h3>
              <a href="#"><i
                class="lni lni-map-marker"></i> {{data.seeker.seekerExpworkloc}}</a>
              <div class="d-flex align-items-center justify-content-md-between flex-wrap">
                <a href="#">期望薪资: {{data.seeker.seekerExpsal}}</a>

              </div>
            </div>
          </div>
        </div>
        <!-- End Single Exp -->
      </div>
      <!-- End Single Section -->
      <!-- Start Single Section -->
      <div class="single-section education">
        <h4>教育经历</h4>
        <!-- Single Edu -->
        <div class="single-edu mb-30">
          <div class="d-flex align-items-center pr-11 mb-9 flex-wrap flex-sm-nowrap">
            <div class="image">
              <img src="assets/images/universal-image/school.jpg" alt="#">
            </div>
            <div class="w-100 mt-n2">
              <h3 class="mb-0">
                <a href="#">{{data.seeker.seekerMaj}}</a>
              </h3>
              <a href="#">{{data.seeker.seekerSchname}}</a>
              <div class="d-flex align-items-center justify-content-md-between flex-wrap">
                <a href="#">{{data.seeker.seekerStudyper}}</a>
                <a href="#" class="font-size-3 text-gray">
                                                    <span class="mr-2" style="margin-top: -2px"><i
                                                      class="lni "></i></span>{{data.seeker.seekerEdulvl}}</a>
              </div>
            </div>
          </div>
        </div>
        <!-- End Single Edu -->

      </div>
      <!-- End Single Section -->
      <!-- Start Single Section -->
      <div class="single-section education">
        <h4>pdf简历查看</h4>

        <!-- Single Edu -->
        <div class="single-edu mb-30">

          <div class="d-flex align-items-center pr-11 mb-9 flex-wrap flex-sm-nowrap">
            <div class="image">
              <img src="assets/images/resume/work1.png" alt="#">
            </div>
            <div class="w-100 mt-n2">

              <h3 class="mb-0">
                <!--简历pdf展示-->
                <!--为图像创建一个url,用这个url来显示-->
                <div id="file-url"></div>

                <!-- <a href="#">Bachelor in Software Engineering</a>-->
              </h3>
              <!--显示图像大小-->
              <div id="feedback"></div>

            </div>
          </div>
        </div>
        <!-- End Single Edu -->
      </div>
      <!-- End Single Section -->

    </script>

</body>

</html>
